<?php

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Enviar Fotos</title>
<link rel="stylesheet" href="../css/style.css" type="text/css" media="all"/>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" id="theme">
<link rel="stylesheet" href="../css/jquery.fileupload-ui.css">
</head>


<body>
<div class="holder-upload">	 
	<form class="upload" action="upload.php?id=<?php echo $_GET['id'] ?>&classes=<?php echo $_GET['classes'] ?>&class=<?php echo $_GET['class'] ?>&chave=<?php echo $_GET['chave'] ?>" method="POST" enctype="multipart/form-data">
    	<input name="foto" id="foto" type="file" multiple />
        <button>Upload</button>
    	<div>Enviar Fotos</div>
    </form>
    <table class="upload_files"></table>
	<table class="download_files"></table>
     
     <!--<div class="holder-upload-btns" >
     	<ul>
        	<li><a href="javascript:$('#foto').fileUploadStart()" title="Enviar arquivos" class="btn-start-upload"><span>Enviar arquivos</span></a></li>
            <li><a href="javascript:$('#foto').fileUploadClearQueue()" title="Limpar lista" class="btn-limpa-upload"><span>Limpar lista</span></a></li>
        </ul>     
     </div> -->
     
     <!--<div class="holder-upload-confirmar" >
     	<a href="javascript:void();" onclick="window.parent.refresh()" title="Confirmar o envio de fotos" class="btn-upload-confirmar"><span>Confirmar o envio de fotos</span></a>
     </div> -->
     
	
</div>	 


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script src="../jquery/jquery.fileupload.js"></script>
<script src="../jquery/jquery.fileupload-ui.js"></script>
<script>
/*global $ */
$(function () {
    $('.upload').fileUploadUI({
        uploadTable: $('.upload_files'),
        downloadTable: $('.download_files'),
        buildUploadRow: function (files, index) {
            var file = files[index];
            return $('<tr><td>' + file.name + '<\/td>' +
                    '<td class="file_upload_progress"><div><\/div><\/td>' +
                    '<td class="file_upload_cancel">' +
                    '<div class="ui-state-default ui-corner-all ui-state-hover" title="Cancel">' +
                    '<span class="ui-icon ui-icon-cancel">Cancel<\/span>' +
                    '<\/div><\/td><\/tr>');
        },
        buildDownloadRow: function (file) {
            return $('<tr><td>' + file.img + '<\/td><\/tr>');
        }
    });
});
</script> 

</body>

</html>